<template>
	<div class="main">
		<div class="left">
			<Left></Left>
		</div>
		<div class="right">
			<div class="top">
				<img src="../../public/img/title/sj.jpg" />
			</div>
			<div class="buttom">
				<Buttom></Buttom>
			</div>
		</div>
	</div>
</template>

<script>
	import Left from '../components/Left.vue'
	import Buttom from '../components/Buttom.vue'
	
	export default{
		components: {
			Left,
			Buttom
		}
	}
</script>

<style>
	*{
		padding: 0;
		margin: 0;
	}
	.main{
		width: 1200px;
		margin: 20px auto;
	}
	.left{
		width: 100px;
		float: left;
		margin-right: 10px;
	}
	.right{
		width: 1000px;
		float: right;
		margin-left: 10px;
	}
	.left,.right{
		background-color: #f5f5f5;
		height: 600px;
	}
	.top img{
		height: 200px;
		width: 995px;
		margin-top: 2px;
	}
	
</style>
